import React, {
    Component,
    Fragment
} from 'react'

import {List,Input,Button} from 'antd'
import 'antd/dist/antd.css';

const data = [
    'Racing car sprays burning fuel into crowd.',
    'Japanese princess to wed commoner.',
    'Australian walks 100km after outback crash.',
    'Man charged over missing wedding girl.',
    'Los Angeles battles huge wildfires.',
  ];

class TodoList extends Component {
    constructor(props) {
        super(props);
    }


    render() {
        return (
            <Fragment>
                <div style={{paddingTop:20,paddingLeft:20}}>
                    <Input placeholder="Basic usage" style={{width:300,marginRight:20}} />
                    <Button type="primary">提交</Button>
                </div>
                <List style={{width:300,marginLeft:20}} bordered dataSource={data} renderItem={item => (
                    <List.Item>
                        {item}
                    </List.Item>
                    )} 
                />
            </Fragment>
        )
    }
}


export default TodoList